<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>if-for</title>
		<script src="js/vue.js"> </script>
	</head>
	<body>
		<div id="app-3">
			<p v-if="seen">现在你看到我了</p>
		</div>
		<div id="app-4">
			<p v-if="abc">我是if</p>
			<p v-else>我是else</p>
		</div>
		<div id="app-5">
			<ol>
				<li v-for="obj in arrys">
					{{obj.text}}
				</li>
			</ol>
		</div>
		<script>
			var app3 = new Vue({
				el: '#app-3',
				data: {
					seen: true
				}
			})
			var app3 = new Vue({
				el: '#app-4',
				data: {
					abc: false
				}
			})

			var app5 = new Vue({
				el: '#app-5',
				data: {
					arrys: [{
							text: '学习 JavaScript'
						},
						{
							text: '学习 Vue'
						},
						{
							text: '整个牛项目'
						},
						{
							text: '不要睡觉'
						}
					]
				}
			})
		</script>
	</body>
</html>
